<template>
  <div>
    <h2>Home</h2>
    <ul>
      <router-link tg="li" to="/hot">热门</router-link>
      <router-link tg="li" to="/recommmend">推荐</router-link>
    </ul>
    <keep-alive>
      <router-view/>
    </keep-alive>
    <Nav/>
  </div>

</template>

<script>
import Nav from '../../../components/Nav/index'

export default {
  components: {
    Nav
  }

}

</script>

<style scoped>
ul{
  width: 100%;
  text-align: center;
  margin-top: 20px;
}
ul li{
  display: inline-block;
  font-size: 20px;
}
</style>
